<template>
    <div>
        <div class="hitTitle">
            <div class="hitTitle-left" :style="{backgroundColor:title[1]}">
                <span style="font-size:0.48rem">{{title[0]}}</span>
            </div>

            <div class="hitTitle-right" @click="jump">
              <slot name="jumpto"> </slot>
            </div>
        </div>
    </div>
</template>


<script>
export default {
    data() {
        return {
        }
    },
    props:{
        title:{
            type:Array,
            default:()=>{}
        },
        jumpto:{
            type:String,
            default:()=>{}
        }
    },
    methods: {
      jump(){
        console.log('aaa');
        console.log(this.jumpto);
        this.$router.push(this.jumpto)
      }
    },
}
</script>

<style lang="scss" scoped>
    .hitTitle::v-deep{
      height: 24px;
      margin-top: 0.8rem;
      .hitTitle-left{
        margin-left: 10px;
        float: left;
        // background-color: rgba(40, 208, 148, 0.25);
        width: 72px;
        height:16px ;
        span{
          font-size: 0.48rem;
          width:72px;
          position: relative;
          top: -16px;   
        }
      }
      .hitTitle-right{
        width: 70px;
        height:px ;
        float: right;
        font-size: 14px;
        color: #FF6262;
        position: relative;
        top: -10px;  
      }
    }

</style>